<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<title>个人列表</title>
<link href="css/common.css" type="text/css" rel="stylesheet" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
</head>

<body>
<!-- common -->
<!-- top-bar -->
<header class="top-barBox">
    <div class="top-bar">
        <div id="logo">
            <img src="images/logo.png" alt="logo">
            <p class="siteWord">——Blog分享，众乐乐肯定爽过独乐乐！</p>
            <p class="max414">—Blog分享，众乐乐!</p>
        </div>
        <div class="top-barR">
            <span class="min414">你好，<em>xxx</em>!</span>
            <span><a href="#">个人中心</a></span>
            <span><a href="#">登录</a>|<a href="#">注册</a></span>
        </div>
    </div>
</header>
<!-- top-bar -->

<!-- menu -->
<div class="menu-Box">
	<nav class="menu">
        <a href="#" class="click">首页</a>
        <a href="#">技术博文</a>
        <a href="#">影音推荐</a>
        <a href="#">美食分享</a>
        <a href="#">生活技巧</a>
        <a href="#">笑话大全</a>
        <div class="selectB">
            <div class="select">
                <input class="select-text" type="text" placeholder="请输入关键词"><input class="select-btn" type="button">
            </div>
        </div>
    </nav>
</div>
<!-- menu -->
<!-- common -->
<!-- wrap -->
<div class="wrap">
    <!-- content -->
    <div class="content">
        <!-- left -->
        <section id="ileft" class="lfloat">
            <div class="tagSelect">
                <span>标签分类：</span>
                <select>
                    <option value="all">全部</option>
                    <option value="all">技术博文</option>
                    <option value="all">影音推荐</option>
                </select>
            </div>
            <ul>
                <li class="Litem">
                    <h2><a href="#">jQuery学习笔记（三）js中的动画效果</a></h2>
                    <p class="intro">jQuery学习笔记（三）js中的动画效果jQuery学习笔记（三）js中的动画效果jQuery</p>
                    <dl class="info">
                        <dd class="tag"><span>技术博文</span>(<em>转载</em>)</dd>
                        <dd class="postDate">2017-12-28 16:45</dd>
                        <dd class="readNum rfloat">
                            <i class="read"></i><span class="readN">66</span>
                            <i class="tuijian"></i><span class="tuijianN">66</span>
                        </dd>
                    </dl>
                </li>
                <li class="Litem">
                    <h2><a href="#">jQuery学习笔记（三）js中的动画效果</a></h2>
                    <p class="intro">jQuery学习笔记（三）js中的动画效果jQuery学习笔记（三）js中的动画效果jQuery</p>
                    <dl class="info">
                        <dd class="tag"><span>技术博文</span>(<em>转载</em>)</dd>
                        <dd class="postDate">2017-12-28 16:45</dd>
                        <dd class="readNum rfloat">
                            <i class="read"></i><span class="readN">66</span>
                            <i class="tuijian"></i><span class="tuijianN">66</span>
                        </dd>
                    </dl>
                </li>
                <li class="Litem">
                    <h2><a href="#">jQuery学习笔记（三）js中的动画效果</a></h2>
                    <p class="intro">jQuery学习笔记（三）js中的动画效果jQuery学习笔记（三）js中的动画效果jQuery</p>
                    <dl class="info">
                        <dd class="tag"><span>技术博文</span>(<em>转载</em>)</dd>
                        <dd class="postDate">2017-12-28 16:45</dd>
                        <dd class="readNum rfloat">
                            <i class="read"></i><span class="readN">66</span>
                            <i class="tuijian"></i><span class="tuijianN">66</span>
                        </dd>
                    </dl>
                </li>
                <li class="Litem">
                    <h2><a href="#">jQuery学习笔记（三）js中的动画效果</a></h2>
                    <p class="intro">jQuery学习笔记（三）js中的动画效果jQuery学习笔记（三）js中的动画效果jQuery</p>
                    <dl class="info">
                        <dd class="tag"><span>技术博文</span>(<em>转载</em>)</dd>
                        <dd class="postDate">2017-12-28 16:45</dd>
                        <dd class="readNum rfloat">
                            <i class="read"></i><span class="readN">66</span>
                            <i class="tuijian"></i><span class="tuijianN">66</span>
                        </dd>
                    </dl>
                </li>
                <li class="Litem">
                    <h2><a href="#">jQuery学习笔记（三）js中的动画效果</a></h2>
                    <p class="intro">jQuery学习笔记（三）js中的动画效果jQuery学习笔记（三）js中的动画效果jQuery</p>
                    <dl class="info">
                        <dd class="tag"><span>技术博文</span>(<em>转载</em>)</dd>
                        <dd class="postDate">2017-12-28 16:45</dd>
                        <dd class="readNum rfloat">
                            <i class="read"></i><span class="readN">66</span>
                            <i class="tuijian"></i><span class="tuijianN">66</span>
                        </dd>
                    </dl>
                </li>
            </ul>
            <div class="pageBox">
                <a href="#">首页</a>
                <a href="#">上一页</a>
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">下一页</a>
                <a href="#">尾页</a>
            </div>
        </section>
        <!-- left -->
        <!-- right -->
        <section id="iright" class="rfloat">
            <div class="Ritem">
                <dl class="authorInfo">
                    <dt><a href="#"><img src="temp/pic.jpg" alt="用户头像"></a></dt>
                    <dd>
                        <h4><a href="#">JESSE_JAVA</a></h4>
                        <p><span>原创<em>22</em></span><span>文章<em>66</em></span></p>
                    </dd>
                </dl>
                <p class="about">关于他：<span>会点前端技术，div+css啊，jQuery之类的，不是很精；热爱生活，热爱互联网，热爱新技术；有一个小的团队，在不断的寻求新的突破。</span></p>
            </div>
            <div class="Ritem">
                <h3>他的最新文章</h3>
                <ul class="RitemUl">
                    <li><a href="#">jQuery学习笔记（三）js中的动画效动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                </ul>
            </div>
            <div class="Ritem">
                <h3>他的热门文章</h3>
                <ul class="RitemUl">
                    <li><a href="#">jQuery学习笔记（三）js中的动画效动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                    <li><a href="#">jQuery学习笔记（三）js中的动画效果</a></li>
                </ul>
            </div>
        </section>
        <!-- right -->
    </div>
    <!-- content -->
    <div id="box">
      <select name="year" id="year">
        <option value="year">年</option>
      </select> 
      <select name="month" id="month">
        <option value="month">月</option>
      </select> 
      <select name="day" id="day">
        <option value="day">日</option>
      </select>
      <span id="result"></span>
    </div>
    <!-- copyright -->
    <footer class="copyRight">
    	<p>版权xxxxxxxxxxxxxxxxxxxx</p>
        <p>Copy right &copy; 2013-2018 Travel Service Co.,Limited .All rights reserved.</p>
    </footer>
    <!-- copyright -->
    
</div>
<!-- wrap -->
<script type="text/javascript" src="scripts/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="scripts/hr-jquery.js"></script>
<script type="text/javascript" src="scripts/dateSelect.js"></script>
<script type="text/javascript">

</script>
</body>
</html>
